option = {
  backgroundColor: "#0B1837",
  color: ["#EAEA26", "#906BF9", "#FE5656", "#01E17E", "#3DD1F9", "#FFAD05"],
  // title: {
  //     text: '网络/安全设备',
  //     left: '60',
  //     top: 0,
  //     textAlign: 'center',
  //     textStyle: {
  //         color: '#fff',
  //         fontSize: 14,
  //         fontWeight: 0
  //     }
  // },
  grid: {
    left: -100,
    top: 50,
    bottom: 10,
    right: 10,
    containLabel: true,
  },
  tooltip: {
    trigger: "item",
    formatter: "{b} : {c} ({d}%)",
  },
  legend: {
    type: "scroll",
    orient: "vartical",
    // x: "right",
    top: "center",
    right: "15",
    // bottom: "0%",
    itemWidth: 16,
    itemHeight: 8,
    itemGap: 16,
    textStyle: {
      color: "#A3E2F4",
      fontSize: 12,
      fontWeight: 0,
    },
    data: ["IDS", "VPN", "交换机", "防火墙", "WAF", "堡垒机"],
  },
  polar: {},
  angleAxis: {
    interval: 1,
    type: "category",
    data: [],
    z: 10,
    axisLine: {
      show: false,
      lineStyle: {
        color: "#0B4A6B",
        width: 1,
        type: "solid",
      },
    },
    axisLabel: {
      interval: 0,
      show: true,
      color: "#0B4A6B",
      margin: 8,
      fontSize: 16,
    },
  },
  radiusAxis: {
    min: 40,
    max: 120,
    interval: 20,
    axisLine: {
      show: false,
      lineStyle: {
        color: "#0B3E5E",
        width: 1,
        type: "solid",
      },
    },
    axisLabel: {
      formatter: "{value} %",
      show: false,
      padding: [0, 0, 20, 0],
      color: "#0B3E5E",
      fontSize: 16,
    },
    splitLine: {
      lineStyle: {
        color: "#0B3E5E",
        width: 2,
        type: "solid",
      },
    },
  },
  calculable: true,
  series: [
    {
      type: "pie",
      radius: ["5%", "10%"],
      hoverAnimation: false,
      labelLine: {
        normal: {
          show: false,
          length: 30,
          length2: 55,
        },
        emphasis: {
          show: false,
        },
      },
      data: [
        {
          name: "",
          value: 0,
          itemStyle: {
            normal: {
              color: "#0B4A6B",
            },
          },
        },
      ],
    },
    {
      type: "pie",
      radius: ["90%", "95%"],
      hoverAnimation: false,
      labelLine: {
        normal: {
          show: false,
          length: 30,
          length2: 55,
        },
        emphasis: {
          show: false,
        },
      },
      name: "",
      data: [
        {
          name: "",
          value: 0,
          itemStyle: {
            normal: {
              color: "#0B4A6B",
            },
          },
        },
      ],
    },
    {
      stack: "a",
      type: "pie",
      radius: ["20%", "80%"],
      roseType: "area",
      zlevel: 10,
      label: {
        normal: {
          show: true,
          formatter: "{c}",
          textStyle: {
            fontSize: 12,
          },
          position: "outside",
        },
        emphasis: {
          show: true,
        },
      },
      labelLine: {
        normal: {
          show: true,
          length: 20,
          length2: 55,
        },
        emphasis: {
          show: false,
        },
      },
      data: [
        {
          value: 10,
          name: "IDS",
        },
        {
          value: 5,
          name: "VPN",
        },
        {
          value: 15,
          name: "交换机",
        },
        {
          value: 25,
          name: "防火墙",
        },
        {
          value: 20,
          name: "WAF",
        },
        {
          value: 35,
          name: "堡垒机",
        },
      ],
    },
  ],
};
